const BUTTON_MID = 'p-1'
const BUTTON_BIG = 'p-1.5'
const BUTTON_SMALL = 'p-0.5'

const BUTTON_DEFAULT_LIGHT = 'border text-green-400 hover:text-green-600'
const BUTTON_SUCCESS_LIGHT = 'bg-green-700 text-gray-100 hover:bg-green-600'
const BUTTON_ERROR_LIGHT = 'bg-red-700 text-gray-100 hover:bg-red-600'
const BUTTON_PRIMARY_LIGHT = 'bg-blue-700 text-gray-100 hover:bg-blue-600'
const BUTTON_WARNING_LIGHT = 'bg-yellow-700 text-gray-100 hover:bg-gray-600'

const BUTTON_DEFAULT_DARK = 'border text-green-300 hover:text-green-400'
const BUTTON_ERROR_DARK = 'bg-red-500 text-gray-50 hover:bg-red-800'
const BUTTON_SUCCESS_DARK = 'bg-green-500 text-gray-50 hover:bg-green-800'
const BUTTON_PRIMARY_DARK = 'bg-blue-500 text-gray-50 hover:bg-blue-800'
const BUTTON_WARNING_DARK = 'bg-yellow-500 text-gray-50 hover:bg-gray-800'

const BUTTON_DEFAULT_DISABLED = 'border text-green-400 cursor-not-allowed'
const BUTTON_ERROR_DISABLED = 'bg-red-400 text-gray-100 cursor-not-allowed'
const BUTTON_SUCCESS_DISABLED = 'bg-green-400 text-gray-100 cursor-not-allowed'
const BUTTON_PRIMARY_DISABLED = 'bg-blue-400 text-gray-100 cursor-not-allowed'
const BUTTON_WARNING_DISABLED = 'bg-yellow-400 text-gray-100 cursor-not-allowed'

const BUTTON_ROUNDED = 'rounded-md'

const BUTTON = 'transition-all duration-300 relative flex'

let any = {
  BUTTON_SUCCESS_DISABLED,
  BUTTON_MID,
  BUTTON_BIG,
  BUTTON_SMALL,
  BUTTON_DEFAULT_LIGHT,
  BUTTON_ERROR_LIGHT,
  BUTTON_PRIMARY_LIGHT,
  BUTTON_WARNING_LIGHT,
  BUTTON_ROUNDED,
  BUTTON,
  BUTTON_DEFAULT_DISABLED,
  BUTTON_ERROR_DISABLED,
  BUTTON_PRIMARY_DISABLED,
  BUTTON_WARNING_DISABLED,
  BUTTON_DEFAULT_DARK,
  BUTTON_ERROR_DARK,
  BUTTON_PRIMARY_DARK,
  BUTTON_WARNING_DARK,
  BUTTON_SUCCESS_LIGHT,
  BUTTON_SUCCESS_DARK
}

export type BUTTON_INTERFACE = keyof typeof any

export default any
